<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Villagra Seguridad integral</title>
<link href="menu.css" rel="stylesheet" type="text/css" />
<link href="slider.css" rel="stylesheet" type="text/css" />
<link href="footer.css" rel="stylesheet" type="text/css" />
<link href="cuerpo.css" rel="stylesheet" type="text/css" />
<link href="index.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="jquery.tweet.css">
<link href="formularioContacto.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="load.js"></script>
<script type="text/javascript" src="tool.js"></script>
<script type="text/javascript" src="formulariocontacto.js"></script>
<script type="text/javascript" src="menu.js"></script>
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script type="text/javascript" src="slider.js"></script>
<script language="javascript" src="jquery.tweet.js" type="text/javascript"></script>




<script type="text/javascript">


$(document).ready(function() {          




 setInterval(function(){

$(".texto1").slideUp(2000);

$(".texto1").slideDown(2000);
 },5000);


$(".redesSociales .fb").mouseover(function() {
   
   
   
   
$(this).animate( 

{ width: "35px" , height: "35px", opacity: "1.0"} , 200 );
  }).mouseout(function(){
   $(this).animate( { width: "30px" , height: "30px", opacity: "0.7" } , 200 );
  });

$(".redesSociales .tw").mouseover(function() {
   
$(this).animate( { width: "35px" , height: "35px", opacity: "1.0" } , 200 );
  }).mouseout(function(){
   $(this).animate( { width: "30px" , height: "30px" , opacity: "0.7"} , 200 );
  });
  
$(".redesSociales .you").mouseover(function() {
   
$(this).animate( { width: "35px" , height: "35px", opacity: "1.0"} , 200 );
  }).mouseout(function(){
   $(this).animate( { width: "30px" , height: "30px", opacity: "0.7" } , 200 );
  });
  


     
});

</script>
<style type="text/css">





#apDiv8 {
       
        width:200px;
        height:115px;
        z-index:2052;
        border: 3px solid #FFF;
		position:absolute;
		top:-130px;
		
}


#apDiv4 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:2052;
        left: 229px;
        top: 12px;
}


#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	width:200px;
	z-index:3000;
	}

#apDiv11 {
	
	width:100%;
	height:150px;
	border: 1px dotted blue;
}

body {
	background-color: #e8e9ec;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>

<div class="contenedor">

<div class="header"> <!-- header-->
        	<div class="contentHeader">
            	<div class="logo"><img src="images/villagra1.png"  alt="logo face" width= "141" height="76"/>
       	    </div>
            <p class="color: yellow;"></p>
          <div class="infoContacto">
                    <div class="telefono">
                     <img src="images/phone.png"  alt="logo face" width="35" height="35"/>
                    <p>8154310</p>
            </div>
                  <div class="siguenos"><p>Siguenos...</p></div>
                    <div class="redesSociales">


                  <img src="images/fblogo.png" class="fb" alt="logo face" />
                        <img src="images/twitterlogo.png" alt="logo twiter"  class="tw"/>
                        <img src="images/youtubelogo.png" alt="logo yotube"  class="you"/>
</div>
                </div>
        	</div>
          
        	
        </div><!-- #header-->
    	






 <div class="nav">
 <div id="menu">
    <ul class="menu">
     <li><a href="index.html"  ><span>Incio</span></a></li>
           
              <li><a href="about.html"  ><span>Servicios</span></a>
                    <ul ">
                        <li><a href="#" class="parent"><span>Seguridad Física</span></a>
                            <ul>
                                <li><a href="#"><span>Guardias</span></a></li>
                                <li><a href="#"><span>Rondines</span></a></li>
                                  <li><a href="#"><span>Nocheros</span></a></li>
                            </ul>
                        </li>
                        
                         <li><a href="#" class="parent"><span>Seguridad Electrónica</span></a>
                            <ul>
                                <li><a href="#"><span>CCTV</span></a></li>
                                <li><a href="#"><span>Alarmas</span></a></li>
                                  <li><a href="#"><span>Incendios</span></a></li>
                                  <li><a href="#"><span>Cercos Eléctricos</span></a></li>
                                  <li><a href="#"><span>Barreras</span></a></li>
                            </ul>
                      </li>
                                 
                             <li><a href="#" class="parent"><span>Asesorías de Seguridad</span></a>
                            <ul style="width: 200px;">
                                <li><a href="#"><span>Estudios de Seguridad</span></a></li>
                                <li ><a href="#"><span>Estudios de Vulnerabilidades</span></a></li>
                                  <li><a href="#"><span>Plan de Seguridad</span></a></li>
                                  <li><a href="#"><span>Medidas de Seguridad</span></a></li>
                                  <li><a href="#"><span>Procerdimientos e Instructivos</span></a></li>
                                   <li><a href="#" class="parent"><span>Integración de Sistemas</span></a>
                                   <ul style="width:200px; padding-left:20px;">
                                    <li><a href="#"><span>Físico/Elecrónico</span></a></li>
                                  <li><a href="#"><span>Elecvtrónico/Electrónico</span></a></li>
                                   
                                   </ul>
                                   </li>
                            </ul>
                            </li>
                            
                                 <li><a href="#" class="parent"><span>Investigaciones</span></a>
                            <ul >
                                <li><a href="#"><span>Eventos</span></a></li>
                                <li ><a href="#"><span>PPI</span></a></li>
                          
                            </ul>
                            </li>
                </ul>
        </li>
                            
                            <li><a href="#" class="parent"><span>Clientes</span></a>
                            <ul >
                                <li><a href="#"><span>Seguridad Empresarial</span></a></li>
                                <li ><a href="#"><span>Seguridad Residencial</span></a></li>
                                 <li><a href="#"><span>Seguridad en Retail</span></a></li>
                                <li ><a href="nuestros-clientes.html"><span>Nuestros Clientes</span></a></li>
                          
                            </ul>
                            </li>

                                <li><a href="#" class="parent"><span>Acerca de nosotros</span></a>
                            <ul >
                                <li><a href="mision-vision.html"><span>Misión y Visión</span></a></li>
                               
                                 <li><a href="valores-estrategias.html"><span>Valores y Estrategias</span></a></li>

                                 <li ><a href="organizacion.html"><span>Organización</span></a></li>
                                 <li><a href="politicas.html"><span>Políticas</span></a></li>

                            </ul>
                            </li>
                             <li ><a href="#"><span>Trabaja con Nosotros</span></a></li>
                               <li ><a href="ubicacion.html"><span>Ubicación</span></a></li>
                              <li ><div id= "contacto" >Contactanos</div>  </li>
                          
                       
     
</ul>
</div>    
</div>

<div id="nav" >

<div class="tw" >

<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 5,
  interval: 30000,
  width: 310,
  height: 165,
  theme: {
    shell: {
      background: '#252430',
      color: '#ffffff'
    },
    tweets: {
      background: '#f5f5f5',
      color: '#070e57',
      links: '#ebeb07'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: true,
    behavior: 'all'
  }
}).render().setUser('utem').start();
</script>
</div>
 
  <ul class="slideshow">
  
	<li class="show"><a href="http://www.google.com"><img src="images/sl1.png" width="650" height="250" title="Villagra. Dónde tu seguridad es nuestra preocupación" alt="Empresa de seguridad privada de recursos humanos, soluciones tecnológicas, proyectos y asesorías, en continuo crecimiento, con presencia nacional"/></a>
    
    
    </li>
	<li><a href="http://www.yahoo.com"><img src="images/sl2.png" width="650" title="Algunos de Nuestros Servicios" height="250" alt="Constamos con una selecta gama de guardias de seguridad, Rondines, Nocheros, CCTV, Cercos eléctricos, Barreras , Alarmas y mucho más"/></a></li>
	<li><a href="http://www.msn.com"><img src="images/sl3.png" width="650"  height="250" title="Vacaciones Seguras" alt="Deja en nuestras manos la seguridad de tu hogar, mientras tu familia disfruta unas merecidas vacaciones.
    Escoge el plan hogar seguro que más se adecue a tus necesidad y solo relajate "/></a></li>
</ul>


  <div id="apDiv11"><h1><span>Villagra </span> Seguridad Integral<small>Tu Seguridad  <a href="http://www.sohtanaka.com/web-design/simple-tooltip-w-jquery-css/">Nuestra preocupación</a></small></h1></div>

<div class="contenedorNoticias"><!-- noticias-->
  
        <div id="topstory">
        <ul>
          <li><a href="http://www.cssglobe.com" class="screenshot" rel="images/clientes.png" title="Web Standards Magazine    Brindamos asesorías y certificaciones para los distintos tipos de instalaciones de su empresa.
saddsdasdassdsdsadsadsad"><img src="images/clientes.png" alt=""  height="130" /></a>
            <p>
            Somos una empresa que se desenvuelve en el área de la seguridad.
Nuestros servicios estan dirigidos a todo tipo de empresas que utilizan estas tecnologías
            </p>
          </li>
          <li ><a href="http://www.cssglobe.com" class="screenshot" rel="images/clientes.png" title="Web Standards Magazine    Brindamos asesorías y "><img src="images/carabineros.png" alt=""  height="130" />
          </a>
          </li>
          <li class="last"><img src="images/contactos.png" alt="" height="130" width="196" />
            <p>Mantenemos una relación cercana con nuestros clientes.

Contáctenos y solucionaremos su problema.</p>
            <p class="readmore">&nbsp;</p>
          </li>
        </ul>
        
      </div>
                
 
          
            
              <div class="texto1">
                <div class="contentinfo">
                <div class="lineazul"></div>
           	<img src="images/img1cuerpo.png" />
            Brindamos asesorías y certificaciones para los distintos tipos de instalaciones de su empresa.

En caso de que sus instalaciones presenten algun tipo de falla, realizamos reparaciones y mantenciones.
            <div class="lineazul"></div></div>
          
                   
                  
                <div class="contentinfo">
           <div class="lineazul"></div>
           	<img src="images/img2cuerpo.png" />
            Brindamos asesorías y certificaciones para los distintos tipos de instalaciones de su empresa.

En caso de que sus instalaciones presenten algun tipo de falla, realizamos reparaciones y mantenciones.
            <div class="lineazul"></div></div>
          
           
          <div class="contentinfo">
          <div class="lineazul"></div>
           	<img src="images/guardia.png" />
            Brindamos asesorías y certificaciones para los distintos tipos de instalaciones de su empresa.

En caso de que sus instalaciones presenten algun tipo de falla, realizamos reparaciones y mantenciones.
            <div class="lineazul"></div>
            </div>      </div>     
            
            
            
            
            
            
            
            
            
            
            
              <div class="texto2">
                <div class="contentinfo">
                <div class="lineazul"></div>
           	<img src="images/img1cuerpo.png" />
            Brindamos asesorías y certificaciones para los distintos tipos de instalaciones de su empresa.
saddsdasdassdsdsadsadsad
saddsds

            <div class="lineazul"></div></div>
          
                   
                  
                <div class="contentinfo">
           <div class="lineazul"></div>
           	<img src="images/img2cuerpo.png" />
  sadasdasdsdasd sdasdddddddddddd
En caso de que sus instalaciones presenten algun tipo de falla, realizamos reparaciones y mantenciones.
            <div class="lineazul"></div></div>
          
           
          <div class="contentinfo">
          <div class="lineazul"></div>
           	<img src="images/guardia.png" />

sadsadasdas      sdasdjsajdsa jsajdsnajdnjsndjjad jsdnjsndjnasjdn
En caso de que sus instalaciones presenten algun tipo de falla, realizamos reparaciones y mantenciones.
            <div class="lineazul"></div>
            </div>      </div>     
            
            
            
                
      </div><!-- fin contenedor info-->
	</div><!-- fin contenedor noticias -->
     
</div><!-- nav fin-->

  
</div>






<div class="footer"><!-- ini footer-->
  
  <div class="contentfoot"><!-- ini contenido footer-->
  <div class="rowsfoot"><!-- ini rows  footer-->
<h1>Seguridad Física</h1>
<ul> 

<li>
<a href="about.html" id="up">Guardias</a>
</li>
<li>
<a href="about.html" id="up">Rondines</a>
</li>
<li>
<a href="ubicacion.html" id="up">
Nocheros
</a>
</li>
<h1 style="margin-right:15%; ">Seguridad Electrónica</h1>
<li><a href="about.html" id="up">
CCTV</a>
</li>
<li><a id="up">
Alarmas</a>
</li>
<li><a>
Incendios</a>
</li>
<li><a>
Cercos Eléctricos</a>
</li>
<li><a>
Barreras</a>
</li>
</ul>
</div><!--fin row 1-->
<div class="rowsfoot"><!-- ini rows  footer-->
<h1>Asecoria de Seguridad</h1>
<ul>
<li><a>
Estudio de Seguridad</a>
</li>
<li><a>
Plan Seguridad</a>
</li>
<li><a>
Estudio de Vulnerabilidades</a>
</li>
<li><a>
Medidas de Seguridad</a>
</li>
<li><a>
Procedimientos e Instructivos</a>
</li>
<li><a>
Integración de Sistemas</a>
</li>
</ul>
</div><!--fin rows 2 --->
<div class="rowsfoot"><!-- ini rows  footer-->
<h1 >Investigaciones</h1>
<ul>
<li><a>
Eventos</a>
</li>
<li><a>
PPI</a>
</li>
<h1 style="margin-right:15%; ">Clientes</h1>
<li><a>
Seguridad Empresarial</a>
</li>
<li><a>
Seguridad Residencial</a>
</li>
<li><a>
Seguridad en retail</a>
</li>
<li><a href="nuestros-clientes.html" id="up">
Nuestros Clientes</a>
</li>
</ul>
</div>
<div class="rowsfoot"><!-- ini rows  footer-->
<h1 >Acerca de Nosotros</h1>
<ul>
<li><a href="mision-vision.html" >
Mision</a>
</li>
<li><a href="mision-vision.html" >
Vision</a>
</li>
<li><a>
Valores</a>
</li>
<li><a>
Estrategia</a>
</li>
<li><a>
Organización</a>
</li>
<li><a>
Políticas de Calidad</a>
</li>
<li><a>
Políticas de Ambiente</a>
</li>
<h1 style="margin-right:15%; ">Trabaja con Nosotros</h1>
<h1 style="margin-right:15%; ">Contactanos</h1>
</ul>
</div>
</div><!-- fin rows del footer-->
</div> <!-- fin contenido  footer-->
</div><!-- fin footer-->
</div><!-- fin contenedor padre-->



<div id="lightbox">
</div>
    
<div id="lightbox-panel">
    <div id="lightbox-close">
    </div>
  <div id="formulario">
  <form  action="mail.php" method="post">
    <h3>Formulario de Contacto</h3>
   
    <p>
      <label >Nombre Completo</label>
      <input  name="nombre" type="text"/>
    </p>
    <p>
      <label>Comuna</label>
      <input  name="comuna" type="text"/>
    </p>
    <p>
      <label >Ciudad</label>
      <input  name="ciudad" type="text"/>
    </p>
    <p>
      <label >Direccion</label>
      <input  name="direccion" type="text"/>
    </p>
    <p>
      <label >Telefono / Celular</label>
      <input  name="telefono" type="text"/>
    </p>
    <p>
      <label >Email</label>
      <input  name="email" type="text"/>
    </p>
    <p>
      <label >Comentario</label>
      <textarea name="comentario" rows="10" cols="10"></textarea>
    </p>
    <p >
      <input id="lightbox-boton" type="submit" value="Solicitar"/>
    </p>
  </form>
</div>
    
    </div>
</body>
</html>